.plugins-list {
	margin-bottom: 16px;
}

.plugins-list .plugin-item {
	@include breakpoint-deprecated( '<1040px' ) {
		width: 100%;

		&:nth-last-child( n + 2 ) {
			border-bottom-width: 1px;
		}
	}

	@include breakpoint-deprecated( '>1040px' ) {
		flex-direction: column;
		width: 33.33%;
		border-right-width: 1px;

		&:nth-child( 3n ) {
			border-right-width: 0;
		}

		&:nth-last-child( n + 4 ) {
			border-bottom-width: 1px;
		}

		// Provider proper bottom borders in the second-last row when the number
		// of items is not multiple of 3.
		&:nth-child( 3n ) {
			&:nth-last-child( 3 ),
			&:nth-last-child( 2 ) {
				border-bottom-width: 1px;
			}
		}

		&:nth-child( 3n - 1 ):nth-last-child( 3 ) {
			border-bottom-width: 1px;
		}

		.plugin-item__count,
		.plugin-item__actions {
			align-self: flex-start;
			flex-direction: column;
			margin-top: -6px;
			padding-top: 0;
			text-align: left;
		}

		.plugin-item__count {
			flex-direction: row;
		}
	}
}

.plugins-list__elements {
	display: flex;
	flex-flow: row wrap;
	padding: 0;
}
